<template>
	<div class="container-page">
		<el-file-upload @onchange="uploadFile" :chunk="true"></el-file-upload>
		<div style="margin-top: 16px;">
			<el-button @click="test">上传文件</el-button>
		</div>
		<div style="margin-top: 16px;">
			<el-button @click="index">测试</el-button>
		</div>
	</div>
</template>

<script>
	import axios from 'axios'
	export default {
		data() {
			return {
				key: 'value'
			}
		},
		methods: {
			uploadFile(files) {
				const file = files;
				// console.log(file)
				// let formData = new FormData();
				// formData.append('file', file)
				// formData.append('name', file.name) 
				// formData.append('type', file.type) 
				// formData.append('size', file.size) 
				// console.log(formData)
				// this.$_http.upload(formData).then((res)=>{
				// 	console.log(res)
				// })
				// axios({
				// 		method: 'post',
				// 		url: 'http://127.0.0.1:8000/uploadfile',
				// 		data: formData
				// 	})
				// 	.then((res) => {
				// 		console.log(res, 'success')
				// 		// resolve()
				// 	}).catch(err => {
				// 		// resolve()
				// 		console.log(err, 'error')
				// 	});
			},
			test() {
				console.log('测试')
				const params = {
					name: 'index',
					type: '.mp4'
				}
				this.$_api.baseApi.post({
					url: "/uploadfile",
					data: params
				}).then((res) => {
					console.log(res)
				}).catch((err) => {
					console.log(err)
				})
			},
			index() {
				// const params = {
				// 	username: 'admin',
				// 	password: '123456',
				// 	linkName: '超级管理员'
				// }
				// this.$_api.baseApi.get({
				// 	url: "/readjosn/index",
				// 	data: {}
				// }).then((res) => {
				// 	console.log(res)
				// }).catch((err) => {
				// 	console.log(err)
				// })
			},
		},
	}
</script>

<style>
</style>
